/* App specific styles */
.app-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: hidden;
}

/* 应用启动背景过渡 */
body {
  transition: background 0.2s ease-in-out;
}

/* 主界面就绪后的样式 */
body.app-loaded {
  background: #f5f5f5;
}

/* Panel animations */
.panel-enter {
  opacity: 0;
  transform: translateX(-20px);
}

.panel-enter-active {
  opacity: 1;
  transform: translateX(0);
  transition: opacity 300ms, transform 300ms;
}

.panel-exit {
  opacity: 1;
}

.panel-exit-active {
  opacity: 0;
  transform: translateX(-20px);
  transition: opacity 300ms, transform 300ms;
}
